<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="formStyle.css" type="text/css" />
<link rel="stylesheet" href="tomal_style.css" type="text/css" />
<link rel="stylesheet" href="style_countdown.css" type="text/css" />

<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.countdown.pack.js"></script>
<script type="text/javascript">
function document_valid(num){

	if(num==1 || num==2){
		document.getElementById("sub_box5").style.display="none";
		document.getElementById("sub_box5_1").style.display="none";
		document.getElementById("sub_box4").style.display="block";
		document.getElementById("sub_box4_1").style.display="block";
	}
	if(num==3){
		document.getElementById("sub_box4").style.display="none";
		document.getElementById("sub_box4_1").style.display="none";
		document.getElementById("sub_box5").style.display="block";
		document.getElementById("sub_box5_1").style.display="block";
	}
	
		
	}
</script>

<script type="text/javascript">
$(function () {
$('#countdown').countdown({until:$.countdown.UTCDate(+6, 2012,  1 - 1, 20), format: 'DHMS', layout: 
	  '<div id="timer">' +
		  '<div id="timer_days" class="timer_numbers">{dnn}</div>'+
		  '<div id="timer_hours" class="timer_numbers">{hnn}</div>'+ 
		  '<div id="timer_mins" class="timer_numbers">{mnn}</div>'+
		  '<div id="timer_seconds" class="timer_numbers">{snn}</div>'+
		'<div id="timer_labels">'+
			'<div id="timer_days_label" class="timer_labels">days</div>'+
			'<div id="timer_hours_label" class="timer_labels">hours</div>'+
			'<div id="timer_mins_label" class="timer_labels">mins</div>'+
			'<div id="timer_seconds_label" class="timer_labels">secs</div>'+
		'</div>'+							
	'</div>'
						  
});
});
</script>


<title>IBA Alumni Association Life Members</title>
</head>



<body>
<div id="main_div">
	<div id="main_div_upper_shadow"></div><!-- end of main_div_upper_shadow-->
    <div id="main_div_upper_black"></div><!-- end of main_div_upper_black-->
    
    <div id="main_div_banner_top">
    	<div id="logo"></div><!-- end of logo -->
    	<div id="header1"></div><!-- end of header1-->
        <div id="slogan"><p>45 years of togetherness</p></div><!-- end of slogan -->
        
    </div><!-- end of main_div_banner_top-->
    
    <div id="middle_black_body">
    	<p class="countdown_header">Times Left for Registration</p>
        <p class="registration_header">Total Registered</p>
        <div class="total_registered"><img src="images/total_registerd.PNG" /><p>0100</p></div>
    
    	<div id="countdown"></div>
    
    
    	<div class="venue1">
        	<p style=" color:#FF4B00; font-weight:bold; margin-bottom:-18px;">Date</p>
            <p style=" color:#FFF; font-weight:bold;">27 January 2012</p>
        </div>
        <div class="venue2">
        	<p style=" color:#FF4B00; font-weight:bold; margin-bottom:-18px;">Venue</p>
            <p style=" color:#FFF; font-weight:bold;">Bangabandhu International Conference Centre</p>
        </div>
        <div class="venue3">
        	<p style=" color:#FF4B00; font-weight:bold; margin-bottom:-18px;">Time</p>
            <p style=" color:#FFF; font-weight:bold;">3pm - 11pm</p>
        </div>
    </div><!-- end of middle_black_body -->
    
    <div id="after_middle_black_body">
   		<div id="after_middle_curvy_top"></div>
        <div id="after_middle_normal_body">
        	
        	<p class="header_p1">IBA Alumni Association Life Members</p>
            
            
            
            <div class="container">
            	<p class="header_p2"><br/><br/>To change click back</p>
                <form>
                    <table cellspacing="0" cellpadding="8" align="center">
                        <tr>
                            <td> Group </td>
                            <td> <select name="Group">
                                 <option value="null">- - -</option>
                                 <option value="BBA">BBA</option>
                                 <option value="MBA">MBA</option>
                                 <option value="EMBA">EMBA</option>
                                 <option value="Fellow">Fellow</option>
                                 <option value="Honorary">Honorary</option>
                                 <option value="Associate">Associate</option>
                                 </select> 
                                 <br/> 
                            </td>
                            
                            <td></td><td></td><td></td>
                                
                            <td> Batch </td>
                            <td> <select name="Batch">
                                 <option value="null">- - -</option>
                                 </select> 
                                 <br/>
                            </td>
                            
                            <td></td><td></td><td></td>
                            
                            <td> Name </td>
                            <td colspan="2"><input type="text" name="name" class="textstyle"/> <br/> </td>
                        </tr>
                        </table>
                        
                        <form><input type="submit" value="Submit" class="oxava" style="float:right; margin-right: 110px"/></form>
                        
                        <div class="alumni_table">
                        <table id="hor-minimalist-a" summary="Employee Pay Sheet">
                        	<colgroup>
                                <col width="130px" />
                                <col width="130px" />
                                <col width="130px" />
                                <col width="400px" />
                            </colgroup>
                            <thead>
                                <tr>
                                    <th scope="col">Sl no.</th>
                                    <th scope="col">Group</th>
                                    <th scope="col">Batch</th>
                                    <th scope="col">Name</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>01</td>
                                    <td>BBA</td>
                                    <td>15</td>
                                    <td>Md. Safaquatul Azam binte Rahim</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td>01</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                
                            </tbody>
                        </table>
                        </div>
                </form>
            </div><!-- end of container -->
          </div>
        <div id="after_middle_curvy_bottom"></div>
    </div><!-- end of after_middle_black_body -->
    
</div><!-- end of main_div -->

<script type="text/javascript" />
function blink(selector){
$(selector).fadeOut(500, function(){
    $(this).fadeIn(500, function(){
        blink(this);
    });
});
}



blink('#blink_2');
blink('#blinking_info');
</script>


</body>
</html>
